<template>
    <div class="detail_box">
        <div class="tit">
            <span>适用商户</span>
            <img src="../../../../../assets/style/iconfont/text.svg" alt="">
            
            </div>
            <div class="Gro_detail">
                <div class="part_1" style=" padding: 0 0 .3rem .3rem;margin:.3rem 0;border-bottom: solid .02rem #e4e3e3;">
                    
                    <table width="100%" cellpadding="0" cellspacing="0" class="beauty-detail-table">
                        <thead>
                            <tr>
                                <th class="name" colspan="3" style="float: left;">
                                    <span style="border-left: solid .08rem #924b4b;padding-left:.25rem;font-size:.35rem;">单人首次超值精剪套餐</span>
                                    </th></tr></thead>
                                    <tbody >
                                        <tr class="Gro" style="border-bottom:solid .01rem #999">
                                            <td class="name name-cut" style="width:60%;float:left;margin-top:.2rem;line-height:.8rem;">
                                                <img src="../../../../../assets/style/iconfont/wrong.svg" style="width:.45rem;margin-left:.3rem;display:block;overflow:hidden;float:left;">
                                                <span class="title" style="overflow:hidden;display:block;line-height:.3rem;font-size:.3rem;color:#333;">洗剪吹</span>
                                                <span class="sub-title" style="display:block;line-height:.3rem;color:#999;padding-top:2px;">设计督导</span></td>
                                             <td class="price" style="width: 18%;font-size:.3rem;">1次</td>
                                            <td class="price" style="width: 22%;font-size:.3rem;">188元</td>
                                    </tr>
                                </tbody>
                                 </table>
                </div>

                    <div class="part_2" style="border-bottom: solid .01rem #e4e3e3;">
                        <table width="100%" cellpadding="0" cellspacing="0" class="beauty-detail-table">
                            <tfoot>
                                    <tr class="real"><td style="width: 60%"></td>
                                        <td class="total" style="width: 18%;font-size:.3rem;">总价</td>
                                        <td class="price" style="width: 22%;font-size:.3rem;"><del>188元</del></td>
                                    </tr>
                                    <tr class="tuan">
                                        <td style="width: 60%"></td>
                                        <td class="total" style="width: 18%">团购价</td>
                                        <td class="price" style="width: 22%;font-size:.5rem;color:rgb(25, 214, 167);">98元</td>
                                    </tr>
                                </tfoot>
                            </table>
                                             
                            <div style="padding-top:.2rem;margin:auto .3rem;font-size:.3rem;text-align:justify;">温馨提示：天天老师、丁老师、叶林老师、Seven老师、李老师不参加此团购，详情请致电商家咨询。<br><br></div>
                    </div>
            </div>

            <div class="more">
                 <router-link to='/beauty/hair/info/buy'>
                <a href="">
                    <p>更多图文详情（建议WI-FI环境下打开，土豪请随意）</p>
                    <img src="../../../../../assets/style/iconfont/right.svg" alt="">
                </a>
                 </router-link>
             </div>


    </div>
    
</template>

<script>
export default {
    name:"InfoThird.vue"
}
</script>

<style scoped>
.detail_box{
    margin-bottom: .2rem;
    height: 7rem;
    border-bottom: solid .35rem rgb(243, 241, 241);
}
.tit{
    content: 80%;
    width: 100%;
    overflow: hidden;
    height: 1rem;
    border-bottom: solid .02rem rgb(226, 220, 220);
    margin-bottom: .2rem;
}
.tit span{
    float: left;
    color:#333;
    font-size: .36rem;
    margin-left: .3rem;
    margin-top: .2rem ;
    
}
.tit img{
    width: .5rem;
    float: left;
    margin-left: .3rem;
    margin-top: .15rem;
}
.more{
    width: 95%;
    height: 1.5rem;
    margin-left: .3rem;
}
.more p{
    float: left;
    color: rgb(26, 204, 189);
    font-size: .3rem;
    margin:.35rem 0;
}
.more img{
    width: .45rem;
    float: right;
    margin-top: .3rem;

}
</style>
